<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button onclick="req()">请求</button>
	</body>
</html>

<script type="text/javascript">
	function req(){
		var xhr = new XMLHttpRequest();
		xhr.open("get","http://127.0.0.1:8848/JavaScript-edu/ajaxAdvice/index.json");
		
		/**
		 * responseType决定ajax在收到请求的结果中this.response的类型。
		 * 简而言之，如果你想预设ajax接收到的结果类型，在这里设置就可以了。
		 * 不过，仅有如下6个选项可以选择：
		 * ----------------------------------------------------------------------------------
		 * ’ ’		  |	DOMString (这个是默认类型)											
		 * arraybuffer|	ArrayBuffer对象
		 * blob		  |	Blob对象
		 * document	  |	Document对象
		 * json		  |	JavaScript object, parsed from a JSON string returned by the server
		 * text		  |	DOMString
		 * ----------------------------------------------------------------------------------
		 * */
		xhr.responseType='json'
		
		/**
		 * 客户端告诉服务器客户端的请求参数格式为json。
		 * 此属性决定不了服务器返回的数据格式。
		 */
		xhr.setRequestHeader("Content-Type","json")
		xhr.onload=function(){
			console.log(this.response)
		}
		
		xhr.onsuccess = function() {
			console.log("请求成功")
			console.log(this);
		}
		xhr.send();
	}
</script>
